<style type="text/css">
	.event_body img{ width: 100%;}
</style>
<div class="full-page" style="overflow-y: auto;">



   <div style="">
     <div id="CpS" style="OVERFLOW: hidden; WIDTH: 90%; HEIGHT: 190px;margin: 0 auto;">
			<table width="100%" border="0">
				<tbody>
					<tr>
						<td id="CpS1" valign="top">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p1.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p1.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
										
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p2.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p2.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
										
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p3.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p3.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
									
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p4.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p4.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
										
										
									
									
									</tr>
								</tbody>
							</table>
						</td>
						<td id="CpS2" valign="top"></td>
					</tr>
				</tbody>
			</table>
		</div>
   </div>
   <div style="width:90%; margin: 20px auto;" class="event_body">
   	{$art.content}
   </div>
   
   
   
   <div style="">
     <div id="CpSS" style="OVERFLOW: hidden; WIDTH: 90%; HEIGHT: 190px;margin: 0 auto;">
			<table width="100%" border="0">
				<tbody>
					<tr>
						<td id="CpS3" valign="top">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
											<img class="lazy" data-original="{$_C.hy_path}images/p5.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p5.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p6.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p6.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
										
										<td style="padding-left: 10px;"  align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p7.png"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p7.png" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
									<td style="padding-left: 10px;" align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img class="lazy" data-original="{$_C.hy_path}images/p8.jpg"  src="{$_C['hy_path']}images/loading.gif" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);">
											<noscript><img src="{$_C.hy_path}images/p8.jpg" alt=""  height="100%" border="0" title="" onload="javascript:Zoom_Map(this,210,180);"></noscript>
											</a>
										</td>
									
									
									</tr>
								</tbody>
							</table>
						</td>
						<td id="CpS4" valign="top"></td>
					</tr>
				</tbody>
			</table>
		</div>
   </div>
</div>
<script>
			var speeds_cps=25
			//top
			                     CpS2.innerHTML=CpS1.innerHTML
			                     function Marcps(){
			                     if(CpS2.offsetWidth-CpS.scrollLeft<=0)
			                     CpS.scrollLeft-=CpS1.offsetWidth
			                     else{
			                       CpS.scrollLeft++
			                     }
			                     }
			                     var Mycps=setInterval(Marcps,speeds_cps)
			                     CpS.onmouseover=function() { clearInterval(Mycps)}
			                    CpS.onmouseout=function() { Mycps=setInterval(Marcps,speeds_cps)}
			     //bottom
			     CpS4.innerHTML=CpS3.innerHTML
			                     function Marcps2(){
			                     if(CpS4.offsetWidth-CpSS.scrollLeft<=0)
			                     CpSS.scrollLeft-=CpS3.offsetWidth
			                     else{
			                     CpSS.scrollLeft++
			                     }
			                     }
			                     var Mycps2=setInterval(Marcps2,speeds_cps)
			                     CpSS.onmouseover=function() { clearInterval(Mycps2)}
			                    CpSS.onmouseout=function() { Mycps2=setInterval(Marcps2,speeds_cps)}
		</script>